<template>
	<!--
	此文件为开发者工具生成，生成时间: 2023/5/9下午3:18:18
	使用方法：
	在 C:\yuGu\宜家超市\app\supermarket-applet\unpackage\dist\dev\mp-weixin\pages\classNav\index.wxml 引入模板
	
	```
	<import src="index.skeleton.wxml"/>
	<template is="skeleton" wx:if="{{loading}}" />
	```
	
	在 C:\yuGu\宜家超市\app\supermarket-applet\unpackage\dist\dev\mp-weixin\pages\classNav\index.wxss 中引入样式
	```
	@import "./index.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	-->
	  <view class="sk-container">
	    <view>
	      <view>
	        <view class="goods">
	          <view class="goods_banner">
	            <image style="width:100%;height:100%;" class="sk-image"></image>
	          </view>
	          <view class="goods_list">
	            <navigator class="goods_item">
	              <view class="goods_item_img">
	                <image  class="sk-image"></image>
	              </view>
	              <view class="goods_info">
	                <view class="goods_name">
	                  <view class="u-text text--u-text data-v-15831087 text--data-v-15831087"  style="margin:0;justify-content:flex-start;">
	                    <text class="u-text__value text--u-text__value data-v-15831087 text--data-v-15831087 u-line-3 text--u-line-3 sk-transparent sk-text-14-2857-99 sk-text" style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:15px;color:#303133">晨光(M&amp;G)文具热可擦橡皮 六角糖果色橡胶橡皮 可擦中性水笔橡皮 单个装颜色随机AXPQ2001</text>
	                  </view>
	                </view>
	                <view class="list_item_price">
	                  <view class="u-row row--u-row data-v-bf124e26 row--data-v-bf124e26 vue-ref row--vue-ref"  data-ref="u-row" style="align-items:center;justify-content:space-between;margin-left:-2.5px;margin-right:-2.5px">
	                    <view class="u-col col--u-col data-v-26dd4db9 col--data-v-26dd4db9 vue-ref col--vue-ref u-col-3 col--u-col-3"  data-ref="u-col" style="padding-left:2.5px;padding-right:2.5px;align-items:stretch;justify-content:flex-start;text-align:left;flex:0 0 25%;margin-left:0%">
	                      <view class="u-text text--u-text data-v-15831087 text--data-v-15831087"  style="margin:0;justify-content:flex-start;">
	                        <text class="data-v-15831087 text--data-v-15831087 u-text__price text--u-text__price sk-transparent sk-text-14-2857-190 sk-text" style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:16px;color:#e1251b">￥</text>
	                        <text class="u-text__value text--u-text__value data-v-15831087 text--data-v-15831087 sk-transparent sk-text-14-2857-115 sk-text" style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:16px;color:#e1251b">20.00</text>
	                      </view>
	                    </view>
	                    <view class="u-col col--u-col data-v-26dd4db9 col--data-v-26dd4db9 vue-ref col--vue-ref u-col-3 col--u-col-3"  data-ref="u-col" style="padding-left:2.5px;padding-right:2.5px;align-items:stretch;justify-content:flex-start;text-align:left;flex:0 0 25%;margin-left:0%">
	                      <view class="u-icon u-icon--u-icon data-v-172979f2 u-icon--data-v-172979f2 u-icon--right u-icon--u-icon--right" >
	                        <text class="u-icon__icon u-icon--u-icon__icon data-v-172979f2 u-icon--data-v-172979f2 uicon-shopping-cart u-icon--uicon-shopping-cart sk-transparent sk-text-0-0000-761 sk-text" style="font-size:28px;line-height:28px;font-weight:normal;top:0px;color:#e1251b"></text>
	                      </view>
	                    </view>
	                  </view>
	                </view>
	              </view>
	            </navigator>
	            <navigator class="goods_item">
	              <view class="goods_item_img">
	                <image class="sk-image"></image>
	              </view>
	              <view class="goods_info">
	                <view class="goods_name">
	                  <view class="u-text text--u-text data-v-15831087 text--data-v-15831087"  style="margin:0;justify-content:flex-start;">
	                    <text class="u-text__value text--u-text__value data-v-15831087 text--data-v-15831087 u-line-3 text--u-line-3 sk-transparent sk-text-14-2857-119 sk-text" style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:15px;color:#303133">苏泊尔SUPOR 好帮手304不锈钢双层复底26cm蒸锅汤锅蒸笼</text>
	                  </view>
	                </view>
	                <view class="list_item_price">
	                  <view class="u-row row--u-row data-v-bf124e26 row--data-v-bf124e26 vue-ref row--vue-ref"  data-ref="u-row" style="align-items:center;justify-content:space-between;margin-left:-2.5px;margin-right:-2.5px">
	                    <view class="u-col col--u-col data-v-26dd4db9 col--data-v-26dd4db9 vue-ref col--vue-ref u-col-3 col--u-col-3"  data-ref="u-col" style="padding-left:2.5px;padding-right:2.5px;align-items:stretch;justify-content:flex-start;text-align:left;flex:0 0 25%;margin-left:0%">
	                      <view class="u-text text--u-text data-v-15831087 text--data-v-15831087"  style="margin:0;justify-content:flex-start;">
	                        <text class="data-v-15831087 text--data-v-15831087 u-text__price text--u-text__price sk-transparent sk-text-14-2857-179 sk-text" style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:16px;color:#e1251b">￥</text>
	                        <text class="u-text__value text--u-text__value data-v-15831087 text--data-v-15831087 sk-transparent sk-text-14-2857-314 sk-text" style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:16px;color:#e1251b">200.00</text>
	                      </view>
	                    </view>
	                    <view class="u-col col--u-col data-v-26dd4db9 col--data-v-26dd4db9 vue-ref col--vue-ref u-col-3 col--u-col-3"  data-ref="u-col" style="padding-left:2.5px;padding-right:2.5px;align-items:stretch;justify-content:flex-start;text-align:left;flex:0 0 25%;margin-left:0%">
	                      <view class="u-icon u-icon--u-icon data-v-172979f2 u-icon--data-v-172979f2 u-icon--right u-icon--u-icon--right" >
	                        <text class="u-icon__icon u-icon--u-icon__icon data-v-172979f2 u-icon--data-v-172979f2 uicon-shopping-cart u-icon--uicon-shopping-cart sk-transparent sk-text-0-0000-570 sk-text" style="font-size:28px;line-height:28px;font-weight:normal;top:0px;color:#e1251b"></text>
	                      </view>
	                    </view>
	                  </view>
	                </view>
	              </view>
	            </navigator>
	            <navigator class="goods_item">
	              <view class="goods_item_img">
	                <image  class="sk-image"></image>
	              </view>
	              <view class="goods_info">
	                <view class="goods_name">
	                  <view class="u-text text--u-text data-v-15831087 text--data-v-15831087"  style="margin:0;justify-content:flex-start;">
	                    <text class="u-text__value text--u-text__value data-v-15831087 text--data-v-15831087 u-line-3 text--u-line-3 sk-transparent sk-text-14-2857-738 sk-text" style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:15px;color:#303133">维达（Vinda）卷纸 蓝色经典200克10卷 4层加厚 卫生纸卷筒纸 纸巾卷纸</text>
	                  </view>
	                </view>
	                <view class="list_item_price">
	                  <view class="u-row row--u-row data-v-bf124e26 row--data-v-bf124e26 vue-ref row--vue-ref"  data-ref="u-row" style="align-items:center;justify-content:space-between;margin-left:-2.5px;margin-right:-2.5px">
	                    <view class="u-col col--u-col data-v-26dd4db9 col--data-v-26dd4db9 vue-ref col--vue-ref u-col-3 col--u-col-3"  data-ref="u-col" style="padding-left:2.5px;padding-right:2.5px;align-items:stretch;justify-content:flex-start;text-align:left;flex:0 0 25%;margin-left:0%">
	                      <view class="u-text text--u-text data-v-15831087 text--data-v-15831087"  style="margin:0;justify-content:flex-start;">
	                        <text class="data-v-15831087 text--data-v-15831087 u-text__price text--u-text__price sk-transparent sk-text-14-2857-418 sk-text" style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:16px;color:#e1251b">￥</text>
	                        <text class="u-text__value text--u-text__value data-v-15831087 text--data-v-15831087 sk-transparent sk-text-14-2857-367 sk-text" style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:16px;color:#e1251b">20.00</text>
	                      </view>
	                    </view>
	                    <view class="u-col col--u-col data-v-26dd4db9 col--data-v-26dd4db9 vue-ref col--vue-ref u-col-3 col--u-col-3"  data-ref="u-col" style="padding-left:2.5px;padding-right:2.5px;align-items:stretch;justify-content:flex-start;text-align:left;flex:0 0 25%;margin-left:0%">
	                      <view class="u-icon u-icon--u-icon data-v-172979f2 u-icon--data-v-172979f2 u-icon--right u-icon--u-icon--right" >
	                        <text class="u-icon__icon u-icon--u-icon__icon data-v-172979f2 u-icon--data-v-172979f2 uicon-shopping-cart u-icon--uicon-shopping-cart sk-transparent sk-text-0-0000-552 sk-text" style="font-size:28px;line-height:28px;font-weight:normal;top:0px;color:#e1251b"></text>
	                      </view>
	                    </view>
	                  </view>
	                </view>
	              </view>
	            </navigator>
	            <navigator class="goods_item">
	              <view class="goods_item_img">
	                <image class="sk-image"></image>
	              </view>
	              <view class="goods_info">
	                <view class="goods_name">
	                  <view class="u-text text--u-text data-v-15831087 text--data-v-15831087"  style="margin:0;justify-content:flex-start;">
	                    <text class="u-text__value text--u-text__value data-v-15831087 text--data-v-15831087 u-line-3 text--u-line-3 sk-transparent sk-text-14-2857-661 sk-text" style="text-decoration:none;font-weight:normal;word-wrap:normal;font-size:15px;color:#303133">蓝月亮 亮白增艳 机洗洗衣液（自然清香）3kg/瓶</text>
	                  </view>
	                </view>
	              </view>
	            </navigator>
	          </view>
	        </view>
	      </view>
	    </view>
	  </view>
</template>

<script>
</script>

<style>
	/*
	此文件为开发者工具生成，生成时间: 2023/5/9下午3:18:18
	
	在 C:\yuGu\宜家超市\app\supermarket-applet\unpackage\dist\dev\mp-weixin\pages\classNav\index.wxss 中引入样式
	```
	@import "./index.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	*/
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-0-0000-791 {
	    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
	    background-size: 100% 44.0000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-opacity {
	    opacity: 0 !important;
	  }
	.sk-text-32-2222-95 {
	    background-image: linear-gradient(transparent 32.2222%, #EEEEEE 0%, #EEEEEE 67.7778%, transparent 0%) !important;
	    background-size: 100% 90.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-2222-658 {
	    background-image: linear-gradient(transparent 32.2222%, #EEEEEE 0%, #EEEEEE 67.7778%, transparent 0%) !important;
	    background-size: 100% 90.0000rpx;
	    position: relative !important;
	  }
	.sk-text-32-2222-491 {
	    background-image: linear-gradient(transparent 32.2222%, #EEEEEE 0%, #EEEEEE 67.7778%, transparent 0%) !important;
	    background-size: 100% 90.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-99 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-190 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-115 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-0-0000-761 {
	    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
	    background-size: 100% 56.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-119 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-179 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-314 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-0-0000-570 {
	    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
	    background-size: 100% 56.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-738 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-418 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-367 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-0-0000-552 {
	    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
	    background-size: 100% 56.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-661 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

	
</style>